.datalife {
  overflow-x: auto;
  
  .linebox {
    display: inline-flex;
    .box {
      // background: white;
      border-radius: 4px;
      width: 120px;
      height: 50px;
      line-height: 50px;
      margin: 10px 0 20px 8px;
      text-align: center;
      border: 3px solid;
        .ivu-tag-dot{
          font-weight: bolder;
          font-size: 14px;
          height: 100%;
          line-height: 43px;
          border: 0px solid #e8eaec !important;
          width: 100%;
          background: transparent !important;
        }
    }
    .boxBorder {
      border-color: #0dd78d;
    }
    .boxBorder1 {
      border-color: #5b9ff0;
    }
    .boxBorder2 {
      border-color: #b8bcc4;
    }
    .borderBotCol {
      border-bottom: 3px solid #0dd78d;
    }
    .borderBotCol1 {
      border-bottom: 3px solid #5b9ff0;
    }
    .borderBotCol2 {
      border-bottom: 3px solid #b8bcc4;
    }
    .line {
      position: relative;
      width: 100px;
      height: 20px;
      margin-top: 21px;
      margin-left: -3px;
      z-index: 3;
      // border-left: 4px solid white;
      /* 向右的箭头 */
      .item {
        position: absolute;
        right: -6px;
        top: 10px;
        float: left;
        clear: both;
        margin-bottom: 23px;
      }
      .arrow-right {
        font-size: 0;
        line-height: 0;
        border-width: 10px;
        border-right-width: 0;
        border-style: dashed;
        border-left-style: solid;
        border-top-color: transparent;
        border-bottom-color: transparent;
      }
    }
  }
  .lifeBox {
    display: inline-flex;
    position: relative;
    width: 220px;
    .lifeBoxfish {
      line-height: 50px;
      text-align: center;
      width: 200px;
      // padding: 0 20px;
      height: 50px;
      border: 3px solid;
      margin: 10px 0 20px 8px;
      background: white;
       .ivu-tag-dot{
          font-weight: bolder;
          font-size: 14px;
          height: 100%;
          line-height: 43px;
          border: 0px solid #e8eaec !important;
          width: 100%;
          background: transparent !important;
        }
      .borderR {
        border-right-color: #0dd78d;
      }
      .borderR1 {
        border-right-color: transparent;
      }
    }
    .boxBorder {
      border-color: #0dd78d;
    }
    .boxBorder1 {
      border-color: #5b9ff0;
    }
    .boxBorder2 {
      border-color: #b8bcc4;
    }
    .arrow-left {
      position: relative;
      /*右箭头*/
      .right {
        width: 30px;
        height: 50px;
        position: absolute;
        left: 8px;
        top: 10px;
      }
      .right-arrow,
      .right-arrow2 {
        width: 0;
        height: 0;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        border-top: 25px transparent dashed;
        border-right: 2px transparent dashed;
        border-bottom: 25px transparent dashed;
        /* border-left: 10px white solid !important; */
        overflow: hidden;
      }
     
      .right-arrow {
        left: 1px;
        /*重要*/
        border-left: 17px  solid;
      }
      .right-arrow2 {
        border-left: 16px white solid;
      }
       .rightCol{
        border-left-color: #0dd78d;
      }
       .rightCol1{
        border-left-color: #5b9ff0;
      }
       .rightCol2{
        border-left-color: #b8bcc4;
      }
    }
    .arrow-right {
      position: relative;
      /*右箭头*/
      .right {
        width: 30px;
        height: 50px;
        position: absolute;
        left: -2px;
        top: 10px;
      }
      .right-arrow,
      .right-arrow2 {
        width: 0;
        height: 0;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        border-top: 25px transparent dashed;
        border-right: 2px transparent dashed;
        border-bottom: 25px transparent dashed;
        /* border-left: 10px white solid !important; */
        overflow: hidden;
      }
      .right-arrow {
        left: 1px;
        /*重要*/
        border-left: 17px  solid;
      }
      .right-arrow2 {
        border-left: 16px white solid;
      }
        .rightCol{
        border-left-color: #0dd78d;
      }
       .rightCol1{
        border-left-color: #5b9ff0;
      }
       .rightCol2{
        border-left-color: #b8bcc4;
      }
    }
  }
}